<template>
  <div class="demo">
    <!-- 使用自定义封装的button -->
    <my-button mytype="primary" mydisabled @myclick="handleClick">(禁用)主要按钮</my-button>
    <my-button mytype="success" @myclick="handleClick">(点击)成功按钮</my-button>
    <my-button mytype="info" round>(圆角)信息按钮</my-button>
    <my-button mytype="warning" plain>(镂空)警告按钮</my-button>
    <my-button mytype="danger" icon="icon-weixian">(图标)危险按钮</my-button>
    <my-button mytype="default">(插件方式引用)默认按钮</my-button>
  </div>
</template>

<script>
// 组件方式
// import MyButton from '@/components/button/src/MyButton'
export default {
  // components: {
  //   MyButton
  // },
  methods: {
    handleClick (e) {
      console.log(e)
      alert('click')
    }
  }
}
</script>

<style lang="scss" scoped>
.my-button {
  display: block;
  margin: 10px;
}
</style>
